/**
 * Afrimesh: easy management for B.A.T.M.A.N. wireless mesh networks
 * Copyright (C) 2008-2009 Meraka Institute of the CSIR
 * All rights reserved.
 *  
 * This software is licensed as free software under the terms of the
 * New BSD License. See /LICENSE for more information.
 */


/* - funky braces --------------------------------------------------------- */
td.instructions {
  text-align: center;
  font-size: 1.5em;
  color: lightgray;
}
td.v-instructions {
  text-align: left;
  font-size: 1.5em;
  color: lightgray;
}
td.h-brace {
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
td.v-brace {
  border-top: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}


/* - customers-manage module ----------------------------------------------- */
.customers-manage         { font-size: 1.25em; }
.customers-manage table   {  } 
.customers-manage th      {  
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url(images/bg.gif); 
  cursor: hand;  /* TODO firefox */
} 
.customers-manage th.headerSortUp   { background-image: url(images/asc.gif);  }
.customers-manage th.headerSortDown { background-image: url(images/desc.gif); }
.customers-manage td { padding-top: 0.5em; } 
.customers-manage th.command, td.command { 
  text-align: right;  
  padding-right: 20px;  
} 
.customers-manage td.command span { 
  background: lightgray;  
  padding: 0.1em 0.4em 0.2em 0.4em; /* top right bottom left */     
  margin-left: 0.3em;
  cursor: hand;  /* TODO firefox */
} 
.customers-manage .button.hover {
  background: darkgray;
}
.customers-manage .button.selected {
  background: gray;
}
.customers-manage .edit-username {  
  width: 15em;
  cursor: caret;  /* TODO firefox */
}
.customers-manage .edit-type {  
  width: 7.5em;
  cursor: hand;  /* TODO firefox */
}


/* - customers-status module ----------------------------------------------- */
.customers-status         { font-size: 1.25em; }
.customers-status table   { } 
.customers-status th      {   
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url(images/bg.gif); 
  cursor: hand;  /* TODO firefox */
  padding:0px; 
  padding-right:1.0em;
} 
.customers-status th.headerSortUp {
  background-image: url(images/asc.gif);
}
.customers-status th.headerSortDown {
  background-image: url(images/desc.gif);
}
.customers-status tr.idle { color: lightgray;  }
.customers-status td      {  } 
.customers-status td.name { width: 10em; } 


/* - customers-plans ------------------------------------------------------ */
.customers-plans              { font-size: 1.25em; }
.customers-plans table        {  } 
.customers-plans th           { padding:0px; padding-right:1.0em;} 
.customers-plans td           { padding-top: 0.5em; } 
.customers-plans td.name      { cursor: caret; width: 10em;  }
.customers-plans td.minutes   { cursor: caret;  }
.customers-plans td.currency  { cursor: caret;  }
.customers-plans td.price     { cursor: caret;  }


/* - customers-recharge module -------------------------------------------- */
.customers-recharge      { margin: 1em; }

/*.customers-recharge div { border: 1px solid green; }
.customers-recharge td  { border: 1px solid red;   }*/

.customers-recharge td.spacer { width: 0em; height: 1em; }

.customers-recharge div.button, div.button-submit {
  background: lightgray;
  margin-left: 10px;
  /*border: 1px solid green;
  float: left;*/
  cursor: hand;  /* TODO firefox */
}
.customers-recharge div.button-submit {
  background: #B2C3DD;
}
.customers-recharge div.button-submit.hover {
  background: #92A3BD;
}
.customers-recharge div.button-submit.selected {
  background: #72839D;
}
.customers-recharge div.button.hover {
  background: darkgray;
}
.customers-recharge div.button.selected {
  background: gray;
}
.customers-recharge div.button p, div.button-submit p {
  padding: 10px; 
  text-align: center;
}
.customers-recharge div.button p b, div.button-submit p b { 
  font-size: 2.0em;
  display: block;
}
.customers-recharge div.button p i { 
  font-size: 1.5em;
  display: block;
}
.customers-recharge div.voucher.button {
  background: white;
  border: 1px solid gray;
  width: 30em;
  cursor: default;  /* TODO firefox */
}


/* - network health module ------------------------------------------------ */
.network-messages thead {
  color: black;
}
.network-messages tr {
  vertical-align: top;
}
.network-messages td {
  font-size: 1.0em;
  margin: 0px;
  padding: 0px;
  padding-right: 10px;
}
.network-messages td#timestamp {
  width: 10.0em;
  color: gray;
}
.network-messages td#level {
  color: gray;
}
.network-messages div#node {
  color: gray;
  vertical-align: top; 
  height: 1.3em;  
  overflow: hidden; 
  display: block; 
}
.network-messages td#process {
  color: gray;
}
.network-messages div#message {
  vertical-align: top; 
  height: 1.3em; 
  overflow: hidden; 
  display: block; 
}
.network-messages tr.notice td {
  color: blue;
}
.network-messages tr.warn td {
  color: orange;
}
.network-messages tr.err td {
  color: red;
}
.network-messages tr.unknown td {
  color: #202020;
}
        
/* - network devices module ------------------------------------------------ */
.network-devices { font-size: 1.25em; }
.network-devices thead {
  color: black;
}
.network-devices tr {
  vertical-align: top;
  padding: 0px;
}
.network-devices th td {
  font-size: 1.0em;
  padding-left: 0px;
  padding-right: 20px;
}


/* - utility upgrade module ---------------------------------------------- */
.utility-upgrade td { 
  margin:0px; 
  padding:0px; 
}


/* - internet-configure module -------------------------------------------- */
.ui-sortable, .ui-sortable-brace, .ui-sortable-instructions { width: 310px; padding: 5px; }
.ui-sortable        { border:1px solid gray; min-height: 230px; margin: 5px; }
.ui-sortable-brace  {   
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;  
  margin-top: 1em;
  width:320px;
}
.ui-sortable-instructions { 
  text-align: center;
  font-size: 1.5em;
  color: lightgray;
}
dl.sort { margin: 5px; }
dl.sort dt { 
  /*background-color: lightgray; */
  border: 1px solid gray;
  cursor:move; 
  height:1.6em; 
  line-height:1.6; 
  position:relative; 
  text-align: center; 
  width: 300px; 
}
dl.sort dd { background-color:red;  }


/* .internet-configure td { background-color: lightgray; border: 4px solid white; padding: 4px;  } */

/* - help module ---------------------------------------------------------- */
.help li {
  margin-left: 2.0em;
  list-style-type: disc;
  list-style-position: outside;
}
.help div.spacer {
  height: 2.0em;
}
.help div.navigation {
  background: #f7f7f7;
}


/* - setting module ------------------------------------------------------- */
form.two-column {
  /*border: 1px solid lightgray;*/
  margin: 0px;  
  padding: 0px; 
}
form.two-column td {
  margin: 0px;  
  padding: 0px; 
}
form.two-column fieldset {
  /*border:1px solid blue;*/
  padding-bottom: 0.5em;
  width: 400px; 
}
form.two-column#potato fieldset    {
  /*border:1px solid orange;*/
  padding-bottom: 0.5em;
  width: 340px; 
}
form.two-column fieldset:last-child {
  padding-bottom: 0px;
}
form.two-column#potato fieldset:last-child {
  padding-bottom: 0px;
}
form.two-column button {
  /*border: 1px solid blue;*/
  vertical-align: bottom;
}
form.two-column legend {
  /*border: 1px solid red;*/
  font-size: 1.85em;
  padding-top: 0px;
  padding-bottom: .25em;
}
form.two-column .label {
  /*border:1px solid green;*/
  color: darkgray; 
  font-size: 1.25em;
  width: 180px; /* 120 for potato */
  float: left;
}
form.two-column#potato .label  {
  /*border:1px solid purple;*/
  color: darkgray; 
  font-size: 1.25em;
  width: 120px; 
  float: left;
}
form.two-column .iax_trunk, .sip_trunk, .gateway_class, .routing_class {
  margin-top: .5em;
}
form.two-column input, select {
  /*border:1px solid green;*/
  font-size: 1.25em;
  margin-bottom: .5em;
}
form.two-column input[type=checkbox] {  /* aaaaaaaaaargh */
}
form.two-column #location {
  width:  600px;
  height: 300px;
}
form.two-column #location.message {
  font-size: 1.25em;
  /*border: 1px dashed gray;*/
  text-align: center;
  float: left;
}


div.tooltip {   
  z-index          : 1000;
  background-color : black; 
  padding          : 10px;
  margin-right     : 20px;
  display          : none; 
  max-width        : 300px;
  font-size        : 1.1em; 
  /* outline radius for mozilla/firefox only */ 
  /*outline-radius : 8px; 
  -moz-outline-radius    : 8px; 
  -webkit-outline-radius : 8px; */
}

div.tooltip h3 {   
}

div.tooltip p {   
  color : orange; 
}

div.tooltip p.explain {

}
